<script lang="ts">
	import { user } from '$lib/AniList/user';

	export let data;

	// 8.5827814569536423841e0
</script>

{#await user(data.username)}
	Loading ...
{:then profile}
	{#if profile === null}
		Could not load user profile for <a
			href={`https://anilist.co/user/${data.username}`}
			target="_blank">@{data.username}</a
		>.

		<p />

		Does this user exist?
	{:else}
		<a href={`https://anilist.co/user/${profile.name}`} target="_blank" title={String(profile.id)}
			>@{profile.name}</a
		>

		<p />

		This user has watched {(profile.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of anime
		and read
		{((profile.statistics.manga.chaptersRead * 8.58) / 60 / 24).toFixed(1)} days of manga.
	{/if}
{:catch}
	Could not load user profile for <a
		href={`https://anilist.co/user/${data.username}`}
		target="_blank">@{data.username}</a
	>.

	<p />

	Does this user exist?
{/await}

<p />

<hr />

This page is under construction!
